<!DOCTYPE html>
<html lang="en" style="font-size: 16px;">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>后台管理端-Fitbar健康尺</title>
    <style>
      @media (min-width: 1024px){
        html {
          font-size: 4px!important;
        }
      }

      @media (min-width: 1100px) {
        html {
          font-size: 6px!important;
        }
      }

      @media (min-width: 1280px) {
        html {
          font-size: 8px!important;
        }
      } 

      @media (min-width: 1366px) {
        html {
          font-size: 10px!important;
        }
      }  

      @media (min-width: 1440px) {
        html {
          font-size: 12px!important;
        }
      } 

      @media (min-width: 1680px) {
        html {
          font-size: 14px!important;
        }
      }

      @media (min-width: 1920px) {
        html {
          font-size: 16px!important;
        }
      } 
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <script>
    function isIE() {
      return !!window.ActiveXObject || "ActiveXObject" in window
    };
    var htmlStr = '<div style="padding-top: 100px; text-align: center;">';
    htmlStr += '<p style="font-weight: bold; font-size: 20px;">本网站暂不支持使用IE浏览器打开</p>';
    htmlStr += '<p style="font-weight: bold; font-size: 20px;">推荐使用谷歌浏览器打开</p>';
    htmlStr += '<a href="https://www.google.cn/chrome/">下载谷歌浏览器</a>'
    htmlStr += '</div>'

    if (isIE()) { // 是ie
      document.body.innerHTML = htmlStr
    }
  </script>
  <script src="http://api.map.baidu.com/api?v=3.0&ak=qxboHE7XeM2VBSoMfPRD5FWt5aavpPaI"></script>
</html>
